<!DOCTYPE html>
<html lang="cn">
<head>
	  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	  <title>网易教育产品部</title>	
	  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0">
	  <link rel="stylesheet" type="text/css" href="css/global.css">
	  <link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
	<!-- login -->
	<div class="m-modal f-dn" id="loginModal">
		<div class="bd ">
			<div class="close" ><span class="f-csp" id="closeLoginModal"  >X</span></div>
			<div class="m-login">
				<h2 class="tt">登录网易云课堂</h2>
				<form>
					<input type="text" placeholder="账号" id="loginUserName">
					<input type="password" placeholder="密码" id="loginPassword">
					<a href="javascript:void(0);" class="submit" id="loginSubmit">登录</a>
				</form>						
			</div>
		</div>
	</div>
	<!-- /login -->

	<!-- video -->
	<div class="m-modal f-dn " id="videoModal" >
		<div class="bd ">
			<div class="close" ><span class="closebtn f-csp"  id="closeVideo"  >X</span></div>
			<div class="m-video">
				<p class="tt">请观看下面的视频</p>
				<video autobuffer="" controls="" class="video">
				  <source src="http://mov.bn.netease.com/open-movie/nos/mp4/2014/12/30/SADQ86F5S_shd.mp4" type="video/mp4">
				  <!-- When HTML5 was disabled, using the object element -->
				  <object type="video/mp4">
				      <param name="src" value="http://mov.bn.netease.com/open-movie/nos/mp4/2014/12/30/SADQ86F5S_shd.mp4">
				      <param name="autoplay" value="false">
				      <param name="autoStart" value="0">
				      <p><a href="http://mov.bn.netease.com/open-movie/nos/mp4/2014/12/30/SADQ86F5S_shd.mp4">Download this video file.</a></p>
				  </object>
				</video>
			</div>
		</div>
	</div>
	<!-- /video -->

	<!-- tips -->
	<div class="m-tips" id="tips">
		<div class="g-box">
		    <div class="f-fl">
		    	网易云课堂微专业，帮助你掌握专业技能，令你求职或加薪多一份独特优势！ 
		    	<a href="#" class="viewnow">立即查看&gt;</a>
		    </div>
		    <div class="f-fr f-csp">
		    	<a href="#" id="closeTips"> 
			    	<span class="u-icon u-icon-close"></span>
			    	&nbsp;不再提醒 
		    	</a>
		    </div>	
		</div>
	</div>
	<!-- /tips -->

	<!-- top -->
	<div class="g-hd">
		<div class="g-box m-top">
			<div class="f-fl">
				<img class="f-fl" src="images/icons/netnease-edu-logo-black.png">
				<div class="attention z-show f-fl" id = "attention">
					<div class="dnc f-fl  ">
						<a href="#" id="guanzhudnc">
							<span class="u-icon u-icon-plus"></span>&nbsp;关注
						</a>
					</div>
					<div class="hbfo f-fl ">
							<span class="u-icon u-icon-check"></span>已关注
							<span class="interval">|</span>
							<a class="cancel" href="#">取消</a>
					</div>
					<div class="num f-fl ">
						粉丝&nbsp;&nbsp;45
					</div>			
				</div>

			</div>
			<ul class="nav f-fr">
				<li class="netease"><a href="http://open.163.com/" target="view_window" >网易公开课</a></li>
				<li><a href="http://study.163.com/" target="view_window" >云课堂</a></li>
				<li><a href="http://www.icourse163.org/" target="view_window" >中国大学MOOC</a></li>
				<li class="search"><a href="#" >
					<span class="u-icon u-icon-magnifiy"></span></a></li>
			</ul>	
		</div>
	</div>
	<!-- /top -->

	<!-- sld -->
	<div class="m-sld f-prz">
		<ul class="imgs">
			<li><a href="http://open.163.com/" target="view_window" ><img  src="images/banner/banner1.jpg"></a></li>
			<li><a href="http://study.163.com/" target="view_window" ><img  src="images/banner/banner2.jpg"></a></li>
			<li><a href="http://www.icourse163.org/" target="view_window" ><img  src="images/banner/banner3.jpg"></a></li>
		</ul>
		<div class="dot">
			<span class="z-show"></span>
			<span></span>
			<span></span>
		</div>
	</div>
	<!-- /sld -->
	
	<div class="b-60"></div>
	
	<!-- snav -->
	<div class="g-box m-snav">
		<ul>
			<li>
				<div class="logo logo-1"></div>
				<div class="explain">
					<h1 class="tt">网易公开课</h1>
					<p class="info">推出国内外名校公开课，涉及广泛的学科，名校老师认真讲解深度剖析，网易视频公开课频道搭建起强有力的网络视频教学平台。</p>
					<a href="http://open.163.com/" target="view_window" class="more ">了解更多 &gt;</a>
				</div>
			</li>
			<li>
				<div class="logo logo-2"></div>
				<div class="explain">
					<h1 class="tt">云课堂</h1>
					<p class="info">网易旗下大型在线学习平台，该平台面向学习者提供海量免费、优质课程,创新的个性化学习体验，自由开放的交流互动环境。</p>
					<a href="http://study.163.com/" target="view_window" class="more ">了解更多 &gt;</a>
				</div>
			</li>
			<li>
				<div  class="logo logo-3"></div>
				<div class="explain">
					<h1 class="tt">中国大学MOOC</h1>
					<p class="info">是爱课程网携手云课堂打造的在线学习平台，每一个有提升愿望的人,都可以在这里学习中国最好的大学课程，学完还能获得认证证书。</p>
					<a href="http://www.icourse163.org/" target="view_window"  class="more">了解更多 &gt;</a>
				</div>
			</li>
		</ul>
	</div>
	<!-- /snav -->

	<div class="b-60"></div>


	<!-- ftbd -->
	<div class="m-ftbd ">
		<!-- imgs -->
		<div class="m-imgs">

		</div>
		<!-- /imgs -->

		<!-- coursebd -->
		<div class="m-coursebd f-cb g-box">
				<div class="main f-cb">
					<ul class="nav" id="coursebdNav">
						<li><a href="#"  data-type="10">产品设计</a></li>
						<li><a href="#" data-type="20" >编程语言</a></li>
					</ul>
					<div class="courselist f-cb" id = "courselistOuter">
						<!-- <div class="suspend_course">
							<div class="suspend_course_main f-cb">
								<img class="logo" src="http://img2.ph.126.net/1Md8406dmo1TPHnYD67fdw==/6598260537750239978.jpg" alt="">
								<div class="info">
									<h2 class="tt">手绘画系列教程</h2>
									<p class="pnum">57人在学</p>
									<p class="autor">发布者：几分钟网</p>
									<p class="classify">分类：手绘设计</p>
								</div>
							</div>
							<p class="suspend_course_introduce">asdfsadf第三方飒沓阿斯蒂芬飒沓阿斯蒂芬飒沓12扼杀发大水阿斯蒂芬飒沓飒沓啊撒打发萨芬1额21额1额啥的	萨芬飒沓阿斯蒂芬撒打发第三方第三方程序中小城镇v阿萨德是打发312 四的方法倒萨给第三方倒萨阿萨德法师打发飒沓飒沓撒打发v阿萨德是打发312 四的方法倒萨给第三方倒萨阿萨德法师打发飒沓飒沓撒打发v阿萨德是打发312 四的方法倒萨给第三方倒萨阿萨德法师打发飒沓飒沓撒打发v阿萨德是打发312 四的方法倒萨给第三方倒萨阿萨德法师打发飒沓飒沓撒打发v阿萨德是打发312 四的方法倒萨给第三方倒萨阿萨德法师打发飒沓飒沓撒打发打发倒萨阿萨德阿斯蒂芬  撒旦范德萨发生大幅 撒旦法三大阿斯蒂芬</p>

						</div> -->
						<ul id="courselist" >
						<!-- <li>
							<a href="javascript:void(0);">
								<img class="logo" src="http://img2.ph.126.net/1Md8406dmo1TPHnYD67fdw==/6598260537750239978.jpg" alt="">
								<div class="infoarea">
									<h1 class="tt">混音全揭秘混音全揭秘混音全揭秘混音全揭秘</h1>
									<h2 class="writer">音频棒</h2>
									<p class="pnum">434</p>
									<p class="price">￥800.00</p>								
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img class="logo" src="http://img2.ph.126.net/1Md8406dmo1TPHnYD67fdw==/6598260537750239978.jpg" alt="">
								<div class="infoarea">
									<h1 class="tt">混音全揭秘混音全揭秘混音全揭秘混音全揭秘</h1>
									<h2 class="writer">音频棒</h2>
									<p class="pnum">434</p>
									<p class="price">￥800.00</p>								
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img class="logo" src="http://img2.ph.126.net/1Md8406dmo1TPHnYD67fdw==/6598260537750239978.jpg" alt="">
								<div class="infoarea">
									<h1 class="tt">混音全揭秘混音全揭秘混音全揭秘混音全揭秘</h1>
									<h2 class="writer">音频棒</h2>
									<p class="pnum">434</p>
									<p class="price">￥800.00</p>								
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img class="logo" src="http://img2.ph.126.net/1Md8406dmo1TPHnYD67fdw==/6598260537750239978.jpg" alt="">
								<div class="infoarea">
									<h1 class="tt">混音全揭秘混音全揭秘混音全揭秘混音全揭秘</h1>
									<h2 class="writer">音频棒</h2>
									<p class="pnum">434</p>
									<p class="price">￥800.00</p>								
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);">
								<img class="logo" src="http://img2.ph.126.net/1Md8406dmo1TPHnYD67fdw==/6598260537750239978.jpg" alt="">
								<div class="infoarea">
									<h1 class="tt">混音全揭秘混音全揭秘混音全揭秘混音全揭秘</h1>
									<h2 class="writer">音频棒</h2>
									<p class="pnum">434</p>
									<p class="price">￥800.00</p>								
								</div>
							</a>
						</li> -->
					</ul>

					</div>
					
					<ul class="m-page f-fr page-1">
						<li><a href="javascript:void(0);" class="pre z-sel ">&lt;</a></li>
						<li><a href="javascript:void(0);" class="z-crl" >1</a></li>
						<li><a href="javascript:void(0);">2</a></li>
						<li><a href="javascript:void(0);">3</a></li>
						<li><a href="javascript:void(0);">4</a></li>
						<li><a href="javascript:void(0);">5</a></li>
						<li><a href="javascript:void(0);" class="next z-sel">&gt;</a></li>
					</ul>
				</div>				
				<div class="side">
					<div class="m-jsbox">
						<div class="tt">
							<h1>机构介绍</h1>
						</div>
						<div class="bd">
							<div class="m-jgjs">
								<p class="info">观看下面视频了解吧：</p>
								<img src="images/videoCover.jpg" class="f-csp" id="openVideo" alt="点击播放">
							</div>
						</div>
					</div>
					<div class="b-20"></div>
					<div class="m-jsbox m-jsbox-1">
						<div class="tt">
							<h1>热门排行</h1>
						</div>
						<div class="bd f-csp" >
							<ul class="f-cbli m-rmph" id="rmph">
								<!-- <li>
									<img src="http://img2.ph.126.net/80El3bguuXn3r3HMg4kbUw==/6630361879235664977.jpg">
									<h2>前端从入门到精通Frist</h2>
									<span>69</span>
								</li>
								<li>
									<img src="http://img2.ph.126.net/80El3bguuXn3r3HMg4kbUw==/6630361879235664977.jpg">
									<h2>前端从入门到精通</h2>
									<span>69</span>
								</li>
								<li>
									<img src="http://img2.ph.126.net/80El3bguuXn3r3HMg4kbUw==/6630361879235664977.jpg">
									<h2>前端从入门到精通</h2>
									<span>69</span>
								</li>
								<li>
									<img src="http://img2.ph.126.net/80El3bguuXn3r3HMg4kbUw==/6630361879235664977.jpg">
									<h2>前端从入门到精通</h2>
									<span>69</span>
								</li>
								<li>
									<img src="http://img2.ph.126.net/80El3bguuXn3r3HMg4kbUw==/6630361879235664977.jpg">
									<h2>前端从入门到精通</h2>
									<span>69</span>
								</li>
								<li>
									<img src="http://img2.ph.126.net/80El3bguuXn3r3HMg4kbUw==/6630361879235664977.jpg">
									<h2>前端从入门到精通</h2>
									<span>69</span>
								</li>
								<li>
									<img src="http://img2.ph.126.net/80El3bguuXn3r3HMg4kbUw==/6630361879235664977.jpg">
									<h2>前端从入门到精通</h2>
									<span>69</span>
								</li>
								<li>
									<img src="http://img2.ph.126.net/80El3bguuXn3r3HMg4kbUw==/6630361879235664977.jpg">
									<h2>前端从入门到精通</h2>
									<span>69</span>
								</li>
								<li>
									<img src="http://img2.ph.126.net/80El3bguuXn3r3HMg4kbUw==/6630361879235664977.jpg">
									<h2>前端从入门到精通</h2>
									<span>69</span>
								</li>
								<li>
									<img src="http://img2.ph.126.net/80El3bguuXn3r3HMg4kbUw==/6630361879235664977.jpg">
									<h2>前端从入门到精通</h2>
									<span>69</span>
								</li>
								<li>
									<img src="http://img2.ph.126.net/80El3bguuXn3r3HMg4kbUw==/6630361879235664977.jpg">
									<h2>前端从入门到精通</h2>
									<span>69</span>
								</li> -->
							</ul>
						</div>
					</div>
				</div>
			</div>
		<!-- /coursebd -->
	</div>
	<!-- ftbd -->
	
	<div class="g-ft">
		<!-- ft -->
		<div class="m-ft g-box">
				<div class="wrap">
					<div class="logoinfo">
						<img src="images/icons/netnease-edu-logo.png">
						<p class="beian">©2014 icourse163.org 浙ICP备08114786号-1</p>
						<p class="beian2">icourses.cn 京ICP备12020869号-2 京公网安备110102000459-2</p>
					</div>
					<div class="info info-1">
						<h2>友情链接：</h2>
						<ul>
							<li><a href="http://open.163.com/" target="view_window" >网易公开课</a></li>
							<li><a href="http://study.163.com/" target="view_window" >网易云课堂</a></li>
							<li><a href="http://www.icourse163.org/" target="view_window" >中国大学MOOC</a></li>
						</ul>
					</div>

					<div class="info info-2">
						<h2>我们：</h2>
						<ul>
							<li><a href="#">关于</a></li>
							<li><a href="#">联系</a></li>
							<li class="weibo"><a href="#">关注</a></li>
						</ul>
					</div>

					<div class="info info-3">
						<h2>更多：</h2>
						<ul>
							<li><a href="#">常见问题</a></li>
							<li><a href="#">意见反馈</a></li>
						</ul>
					</div>
				</div>
		</div>
		<!-- /ft -->		
	</div>
<script type="text/javascript" src="./javascript/util.js"></script>
<script type="text/javascript" src="./javascript/md5.js"></script>
<script type="text/javascript" src="./javascript/index.js"></script>
</body>
</html>
